<!doctype html>
<html lang="en" dir="ltr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta http-equiv="Content-Language" content="en"/>
    <meta name="msapplication-TileColor" content="#2d89ef">
    <meta name="theme-color" content="#4188c9">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="HandheldFriendly" content="True">
    <meta name="MobileOptimized" content="320">
    <!-- Generated: 2019-04-04 16:55:45 +0200 -->
    <title>{% block title %} {% endblock title%}</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet"
          href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
    <script src="/statics/assets/js/require.min.js"></script>
    <script>
        requirejs.config({
            baseUrl: '/statics'
        });
    </script>
    <!-- Dashboard Core -->
    <link href="/statics/assets/css/dashboard.css" rel="stylesheet"/>
    <script src="/statics/assets/js/dashboard.js"></script>
</head>
<body class="">
<div class="page">

    <div class="flex-fill">
        <div class="header py-4">
            <div class="container">
                <div class="d-flex">
                    <a class="header-brand" href="/admin/panel">
                        {{ setting.title }}
                    </a>
                    <div class="d-flex order-lg-2 ml-auto">
                        <div class="dropdown">
                            <a href="#" class="nav-link pr-0 leading-none" data-toggle="dropdown">
                                <span class="ml-2 d-none d-lg-block">
                                  <span class="text-default">{{ admin.username }}</span>
                                  <small class="text-muted d-block mt-1">Administrator</small>
                                </span>
                            </a>
                            <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
                                <a class="dropdown-item" href="#">
                                    <i class="dropdown-icon fe fe-log-out"></i> Sign out
                                </a>
                            </div>
                        </div>
                    </div>
                    <a href="#" class="header-toggler d-lg-none ml-3 ml-lg-0" data-toggle="collapse"
                       data-target="#headerMenuCollapse">
                        <span class="header-toggler-icon"></span>
                    </a>
                </div>
            </div>
        </div>
        <div class="header collapse d-lg-flex p-0" id="headerMenuCollapse">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg order-lg-first">
                        <ul class="nav nav-tabs border-0 flex-column flex-lg-row">
                            <li class="nav-item">
                                <a href="/admin/panel" class="nav-link"><i class="fe fe-home"></i>Dashboard</a>
                            </li>
                            <li class="nav-item">
                                <a href="/admin/administrators" class="nav-link"><i class="fe fe-home"></i>Administrators</a>
                            </li>
                            <li class="nav-item">
                                <a href="/admin/site-setting" class="nav-link"><i class="fe fe-home"></i>Site Setting</a>
                            </li>
                            <li class="nav-item">
                                <a href="{{ setting.url }}/" class="nav-link" target="_blank"><i
                                        class="fe fe-file-text"></i>
                                    Go to site
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        {% block content %}
        {% endblock content %}
    </div>
    <footer class="footer">
        <div class="container">
            <div class="row align-items-center flex-row-reverse">
                <div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
                    Powered by Rubble.
                </div>
            </div>
        </div>
    </footer>
</div>
</body>
</html>